diff options
Diffstat (limited to 'src/pages/members/[...id].astro')
| -rw-r--r-- | src/pages/members/[...id].astro | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/src/pages/members/[...id].astro b/src/pages/members/[...id].astro index 8010365..3bf4e3c 100644 --- a/src/pages/members/[...id].astro +++ b/src/pages/members/[...id].astro @@ -5,6 +5,7 @@ import MemberCard from '@/components/MemberCard.astro' import PageHead from '@/components/PageHead.astro' import Layout from '@/layouts/Layout.astro' import { getAllMembers, getPostsByAuthor } from '@/lib/data-utils' +import { render } from 'astro:content' export async function getStaticPaths() { const members = await getAllMembers() @@ -16,6 +17,7 @@ export async function getStaticPaths() { const { member } = Astro.props const memberPosts = await getPostsByAuthor(member.id) +const { Content, headings } = await render(member) --- <Layout class="max-w-3xl"> @@ -32,10 +34,16 @@ const memberPosts = await getPostsByAuthor(member.id) ]} /> - <section> + <section + class="my-5 grid grid-cols-1 grid-rows-2 justify-items-center gap-6 px-2 md:grid-cols-[16rem_1fr] md:grid-rows-1 md:px-0" + > <MemberCard member={member} /> + <article class="prose"> + <Content /> + </article> </section> - <section class="flex flex-col gap-y-4"> + + <section class="my-15 flex flex-col gap-y-4"> <h2 class="text-2xl font-medium">Posts by {member.data.name}</h2> { memberPosts.length > 0 ? ( |